divider and it’s Usage
divider can be used as end of blog post, section OR chapter end.
divider and it’s Usage
Package Name
fastn-community.github.io/bling
To use
divider on your web package, add below into FASTN.ftd file:
-- fastn.dependency: fastn-community.github.io/bling as bling -- fastn.auto-import: bling/divider as divider
Once you add above lines into your web package, add
divider into your .ftd files:List of page dividers we designed for you:
1.1: -- heart-end without end-mark and title
Example code for
-- heart-end-- divider.heart-end:
Output of above:
1.2: -- heart-end with end-mark
Example code for
-- heart-end-- divider.heart-end: end-mark: true
Output of above:
1.3: -- heart-end with end-mark and title text
Example code for
-- heart-end-- divider.heart-end: Thank You end-mark: true
Output of above:
Thank You
2.1: -- diamond without end-mark and title
Example code for
-- diamond-- divider.diamond:
Output of above:
2.2: -- diamond with end-mark
Example code for
-- diamond-- divider.diamond: end-mark: true
Output of above:
2.3: -- diamond with end-mark and title text
Example code for
-- diamond-- divider.diamond: Thank You end-mark: true
Output of above:
Thank You
3.1: -- arrow without end-mark and title
Example code for
-- arrow-- divider.arrow:
Output of above:
3.2: -- arrow with end-mark
Example code for
-- arrow-- divider.arrow: end-mark: true
Output of above:
3.3: -- arrow with end-mark and title text
Example code for
-- arrow-- divider.arrow: Thank You end-mark: true
Output of above:
Thank You
4.1: -- wavy without end-mark and title
Example code for
-- wavy-- divider.wavy:
Output of above:
4.2: -- wavy with end-mark
Example code for
-- wavy-- divider.wavy: end-mark: true
Output of above:
4.3: -- wavy with end-mark and title text
Example code for
-- wavy-- divider.wavy: Thank You end-mark: true
Output of above:
Thank You
5.1: -- angled without end-mark and title
Example code for
-- angled-- divider.angled:
Output of above:
5.2: -- angled with end-mark
Example code for
-- angled-- divider.angled: end-mark: true
Output of above:
5.3: -- angled with end-mark and title text
Example code for
-- angled-- divider.angled: Thank You end-mark: true
Output of above:
Thank You
6.1: -- lines without end-mark and title
Example code for
-- lines-- divider.lines:
Output of above:
6.2: -- lines with end-mark
Example code for
-- lines-- divider.lines: end-mark: true
Output of above:
6.3: -- lines with end-mark and title text
Example code for
-- lines-- divider.lines: Thank You end-mark: true
Output of above:
Thank You
7.1: -- rounded without end-mark and title
Example code for
-- rounded-- divider.rounded:
Output of above:
7.2: -- rounded with end-mark
Example code for
-- rounded-- divider.rounded: end-mark: true
Output of above:
7.3: -- rounded with end-mark and title text
Example code for
-- rounded-- divider.rounded: Thank You end-mark: true
Output of above:
Thank You
8.1: -- rigger without end-mark and title
Example code for
-- rigger-- divider.rigger:
Output of above:
8.2: -- rigger with end-mark
Example code for
-- rigger-- divider.rigger: end-mark: true
Output of above:
8.3: -- rigger with end-mark and title text
Example code for
-- rigger-- divider.rigger: Thank You end-mark: true
Output of above:
Thank You
Copyright © 2023 - FifthTry
